<template>
  <el-row :gutter="0" class="contnet">
      <el-col :span="3">
          <LeftNav></LeftNav>
      </el-col>
      <el-col :span="21">
        <Header></Header>
        <div class="mapBox">
          <Map :center="[118.93386840820312, 31.03469670253007]" :zoom="10"></Map>
        </div>
      </el-col>
  </el-row>
</template>

<script setup>
import { ref } from 'vue';
import LeftNav from "@/views/leftNav/index.vue";
import Header from "@/views/header/index.vue";
import Map from "@/components/Map/index.vue";
</script>

<style scoped>
.contnet{
  width: 100vw;
  height: 100vh;
}
.mapBox{
  width: 100%;
  height: calc(100vh - 94px);
}
</style>